
<div id="main-view" >
    
    <div class="col-md-3 col-sm-3 hidden-xs" id="sidebar">
        
        <div class="col-header">
            <h5 class="text-center">{{l10n "Spika v2.0"}}</h5>
        </div>
        
        <div id="sidebar-content">
        
        </div>
        
    </div>
    
    <div class="col-md-9 col-sm-9 col-xs-12" id="messaging">

        <div class="col-header" id="titlebar">
             <h5 id="room_name" class="text-center">{{l10n "Room Name"}}</h5>
        </div>

        <div id="messaging-content">
        
        </div>
        
    </div>

    <div class="col-sm-12 col-md-3 col-xs-12" id="message-info"></div>
    
</div>

